#app /deep/ {
  .s-width-p-100{
     width: 100px;
  }
  .s-height-p-100{
     height: 100px;
  }
  .s-width-100{
    width: 100%;
  }
  .s-height-100{
    height:100%;
  }
  .s-margin-left-10{
    margin-left: 10px;
  }
  .s-margin-left-20{
    margin-left: 20px;
  }
  .s-margin-left-30{
    margin-left: 30px;
  }
  .s-margin-left-40{
    margin-left: 40px;
  }
  .s-margin-right-10{
    margin-right: 10px;
  }
  .s-margin-right-20{
    margin-right: 20px;
  }
  .s-margin-right-30{
    margin-right: 30px;
  }
  .s-margin-right-40{
    margin-right: 40px;
  }
  .s-margin-top-10{
    margin-top: 10px;
  }
  .s-margin-top-20{
    margin-top: 20px;
  }
  .s-margin-top-30{
    margin-top: 30px;
  }
  .s-margin-top-40{
    margin-top: 40px;
  }
  .s-margin-bottom-10{
    margin-bottom: 10px;
  }
  .s-margin-bottom-20{
    margin-bottom: 20px;
  }
  .s-margin-bottom-30{
    margin-bottom: 30px;
  }
  .s-margin-bottom-40{
    margin-bottom: 40px;
  }
  .s-text-center{
    text-align: center;
  }
  // 辅助文字
  .s-font-size-12{
    font-size: $s-font-size-12!important;
  }
  // 正文（小）
  .s-font-size-13{
    font-size: $s-font-size-13!important;
  }
  // 正文
  .s-font-size-14{
    font-size: $s-font-size-14!important;
  }
  // 小标题
  .s-font-size-16{
    font-size: $s-font-size-16!important;
  }
  // 标题
  .s-font-size-18{
    font-size: $s-font-size-18!important;
  }
  // 主标题
  .s-font-size-20{
    font-size: $s-font-size-20!important;
  }
  // 大字号
  .s-font-size-22{
    font-size: $s-font-size-22!important;
  }
  .s-font-size-24{
    font-size: $s-font-size-24!important;
  }
  .s-font-size-26{
    font-size: $s-font-size-26!important;
  }
  .s-font-size-28{
    font-size: $s-font-size-28!important;
  }
  .s-font-size-30{
    font-size: $s-font-size-30!important;
  }
  .s-font-size-32{
    font-size: $s-font-size-32!important;
  }
  .s-font-size-34{
    font-size: $s-font-size-34!important;
  }
  // 字体粗细   400是默认
  .s-font-weight-100{
    font-weight: 100!important;
  }
  .s-font-weight-200{
    font-weight: 200!important;
  }
  .s-font-weight-300{
    font-weight: 300!important;
  }
  .s-font-weight-400{
    font-weight: 400!important;
  }
  .s-font-weight-500{
    font-weight: 500!important;
  }
  .s-font-weight-600{
    font-weight: 600!important;
  }
  .s-font-weight-700{
    font-weight: 700!important;
  }
  .s-font-weight-800{
    font-weight: 800!important;
  }
  .s-font-weight-900{
    font-weight: 900!important;
  }

  // 字体颜色
  // 蓝色
  .s-f-blue-color1{
    color: $s-blue-color1!important;
  }
  .s-f-blue-color2{
    color: $s-blue-color2!important;
  }
  .s-f-blue-color3{
    color: $s-blue-color3!important;
  }
  .s-f-blue-color4{
    color: $s-blue-color4!important;
  }
  .s-f-blue-color5{
    color: $s-blue-color5!important;
  }
  .s-f-blue-color6{
    color: $s-blue-color6!important;
  }
  .s-f-blue-color7{
    color: $s-blue-color7!important;
  }
  .s-f-blue-color8{
    color: $s-blue-color8!important;
  }




  // 辅助色
  .s-f-assist-color1{
    color: $s-assist-color1!important;
  }
  .s-f-assist-color2{
    color: $s-assist-color2!important;
  }
  .s-f-assist-color3{
    color: $s-assist-color3!important;
  }
  .s-f-assist-color4{
    color: $s-assist-color4!important;
  }



  // 主要文字
  .s-f-text-color1{
    color: $s-text-color1!important;
  }

  // 常规文字
  .s-f-text-color2{
    color: $s-text-color2!important;
  }

  // 次要文字
  .s-f-text-color3{
    color: $s-text-color3!important;
  }

  // 占位文字
  .s-f-text-color4{
    color: $s-text-color4!important;
  }
  // 一级边框
  .s-f-order-color1{
    color: $s-order-color1!important;
  }
  // 二级边框
 .s-f-order-color2{
   color: $s-order-color2!important;
 }

  // 三级边框
  .s-f-order-color3{
    color: $s-order-color3!important;
  }

  // 四级边框
  .s-f-order-color4{
    color: $s-order-color4!important;
  }


  // 基础黑色
  .s-f-black-color{
    color: $s-black-color!important;
  }
  // 基础白色
  .s-f-white-color{
    color: $s-white-color!important;
  }

  // 透明色
  .s-f-transparent-color{
    color: $s-transparent-color!important;
  }
  // 背景颜色
   // 蓝色
   .s-b-blue-color1{
     background-color: $s-blue-color1!important;
   }
   .s-b-blue-color2{
     background-color: $s-blue-color2!important;
   }
   .s-b-blue-color3{
     background-color: $s-blue-color3!important;
   }
   .s-b-blue-color4{
     background-color: $s-blue-color4!important;
   }
   .s-b-blue-color5{
     background-color: $s-blue-color5!important;
   }
   .s-b-blue-color6{
     background-color: $s-blue-color6!important;
   }
   .s-b-blue-color7{
     background-color: $s-blue-color7!important;
   }
   .s-b-blue-color8{
     background-color: $s-blue-color8!important;
   }




   // 辅助色
   .s-b-assist-color1{
     background-color: $s-assist-color1!important;
   }
   .s-b-assist-color2{
     background-color: $s-assist-color2!important;
   }
   .s-b-assist-color3{
     background-color: $s-assist-color3!important;
   }
   .s-b-assist-color4{
     background-color: $s-assist-color4!important;
   }



   // 主要文字
   .s-b-text-color1{
     background-color: $s-text-color1!important;
   }

   // 常规文字
   .s-b-text-color2{
     background-color: $s-text-color2!important;
   }

   // 次要文字
   .s-b-text-color3{
     background-color: $s-text-color3!important;
   }

   // 占位文字
   .s-b-text-color4{
     background-color: $s-text-color4!important;
   }
   // 一级边框
   .s-b-order-color1{
     background-color: $s-order-color1!important;
   }
   // 二级边框
  .s-b-order-color2{
    background-color: $s-order-color2!important;
  }

   // 三级边框
   .s-b-order-color3{
     background-color: $s-order-color3!important;
   }

   // 四级边框
   .s-b-order-color4{
     background-color: $s-order-color4!important;
   }


   // 基础黑色
   .s-b-black-color{
     background-color: $s-black-color!important;
   }
   // 基础白色
   .s-b-white-color{
     background-color: $s-white-color!important;
   }

   // 透明色
   .s-b-transparent-color{
     background-color: $s-transparent-color!important;
   }
}
